<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/statics/css/login.css" />
<script type="text/javascript"
	src="${pageContext.request.contextPath }/statics/js/jquery.js"></script>
<title>修屏哥门店管理系统</title>
</head>
<body>
	<div id="container">
		<div id="bd">
			<form action="${pageContext.request.contextPath }/loginUser"
				method="post">
				<div class="login">
					<div class="login-top">
						<h1 class="logo"></h1>
					</div>
					<div class="login-input">
						<p class="user ue-clear">
							<label>用户名</label> <input type="text" name="user_name"
								required="" />
						</p>
						<p class="password ue-clear">
							<label>密&nbsp;&nbsp;&nbsp;码</label> <input type="password"
								name="user_password" required="" />
						</p>
					</div>
					<center>
						<div>
							<c:if test="${error != null && error != ''}">
								<label style="color: red;">${error}</label>
							</c:if>
						</div>
					</center>
					<div class="login-btn ue-clear">
						<!-- <a href="index.html" class="btn">登录</a>  -->
						<button type="submit" class="btn">登 录</button>
						<a
							href="#<%-- ${pageContext.request.contextPath }/register.jsp --%>"><button
								type="button" class="btn">注 册</button></a>
						<div class="remember ue-clear">
							<input type="checkbox" id="remember" /> <em></em> <label
								for="remember">记住密码</label>
						</div>
					</div>

				</div>
			</form>
		</div>
	</div>
	<div id="ft">
		CopyRight&nbsp;2018&nbsp;&nbsp;版权所有&nbsp;&nbsp; <a
			href="http://www.miitbeian.gov.cn/">粤ICP备16028743号</a>&nbsp;&nbsp;深圳市好易修科技有限公司&nbsp;&nbsp;<a
			href="http://www.xiupingge.com/index.php" target="_blank">修屏哥</a>
	</div>
</body>
<script type="text/javascript">
var height = $(window).height();
$("#container").height(height);
$("#bd").css("padding-top",$(window).height/2 - $("#bd").height()/2);

$(window).resize(function(){
	var height = $(window).height();
	$("#bd").css("padding-top",$(window).height()/2 - $("#bd").height()/2);
	$("#container").height(height);
	
});

$('#remember').focus(function(){
   $(this).blur();
});

$('#remember').click(function(e) {
	checkRemember($(this));
});

function checkRemember($this){
	if(!-[1,]){
		 if($this.prop("checked")){
			$this.parent().addClass('checked');
		}else{
			$this.parent().removeClass('checked');
		}
	}
}
</script>
</html>